

<title>角色管理</title>
  
<div class="layui-card layadmin-header">
    <div class="layui-breadcrumb" lay-filter="breadcrumb">
        <a lay-href="/">主页</a>
        <a><cite>常见问题管理</cite></a>
        <a><cite>类型列表</cite></a>
    </div>
</div>

<div class="layui-fluid">   
    <div class="layui-card">
        <div class="layui-card-body">
            <div style="padding-bottom: 10px;">
                <button class="layui-btn layuiadmin-btn-cate" data-type="batchdel">删除</button>
                <button class="layui-btn layuiadmin-btn-cate" data-type="add">添加</button>
            </div>
        
            <table id="LAY-problem-back-cate" lay-filter="LAY-problem-back-cate"></table>  
            <script type="text/html" id="table-problem-cate">
                <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
            </script>
        </div>
    </div>
</div>

<script>
layui.use('problem', layui.factory('problem')).use(['admin', 'problem', 'table'], function(){
    var $ = layui.$
    ,admin = layui.admin
    ,view = layui.view
    ,table = layui.table
    ,form = layui.form;
  
    form.render(null, 'layadmin-problemadmincate-formlist');
  
    //事件
    var active = {
        batchdel: function(){
            var checkStatus = table.checkStatus('LAY-problem-back-cate'),
            checkData = checkStatus.data; //得到选中的数据

            if(checkData.length === 0){
                return layer.msg('请选择数据');
            }

            var ids = [];   //声明数组
            for (var i = 0; i < checkData.length; i++) {
                ids.push(checkData[i].id);
            }
          
            layer.confirm('确定删除吗？', function(index) {
              
                //执行 Ajax 后重载
                $.ajax({
                    type:'post',
                    dataType:'json',
                    data:{ "id": ids.join(',') },
                    url: layui.setter.apiUrl+"/admin/problem/del_problem_cate",
                    success:function(json){

                        if (json.code == 0) {
                            layer.msg(result.msg, {icon:6, time:1500}, function() {
                                layui.table.reload('LAY-problem-back-cate');
                            }) 
                        } else {
                            layer.msg(json.msg, { icon: 5, time:1500});
                        }
                    }
                });
                layui.table.reload('LAY-problem-back-cate');
                layer.msg('已删除');
            });
        },
        add: function(){
            admin.popup({
                title: '添加类型',
                area: ['500px', '250px'],
                id: 'LAY-popup-cate-add',
                success: function(layero, index){
                    view(this.id).render('problem/cateform').done(function(){
                        form.render(null, 'layuiadmin-form-cate');
                
                        //监听提交
                        form.on('submit(LAY-problem-cate-submit)', function(data){
                            var field = data.field; //获取提交的字段

                            //提交 Ajax 成功后，关闭当前弹层并重载表格
                            $.ajax({
                                type:'post',
                                dataType:'json',
                                data:field,
                                url: layui.setter.apiUrl+"/admin/problem/save_problem_cate",
                                success:function(json){
                                    if (json.code == 0) {
                                        layer.msg(json.msg, {icon:6, time:1500});
                                    } else {
                                        layer.msg(json.msg, { icon: 5, time:1500});
                                    }
                                }
                            });
                            layui.table.reload('LAY-problem-back-cate'); //重载表格
                            layer.close(index); //执行关闭 
                        });
                    });
                }
            });
        }
    }  
    $('.layui-btn.layuiadmin-btn-cate').on('click', function(){
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
    });
});
</script>